<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<input type="checkbox" name="check" value="1"  checked="checked"/>
		<input type="checkbox" name="check" value="2"  checked="checked"/>
		<input type="checkbox" name="check" value="3" />
		<input type="checkbox" name="check" value="4" />
		<input type="button" name="" id="btn" value="你选中的个数" />
		<script>
		// 首先建立一个空的数组，获取name为check的复选框，通过循环判断复选框是否被选中，如果被选中则添加到数组里，然后获取输出按钮，
		// 为按钮添加onclick事件，输出数组的长度即可
		var btn=document.getElementById("btn");
		btn.onclick=function(){
			var arrays=new Array(); // 创建一个空的数组来存放
			var items=document.getElementsByName("check");
		    for(var i=0;i<items.length;i++){
		 	if(items[i].checked){
		 		arrays.push(items[i].value);// 将符合条件的数据添加到数组中去
		 	}
		   }
		    alert(arrays.length);
		 }
		
	
		
	</script>
	</body>

</html>
